﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>表单相关标记与表单元素</title>
</head>
<body>
    <form method="post" name="myForm1" action="addInfo.aspx">
        <p><label for="name">请输入您的姓名:</label><br><input type="text" name="name" id="name"></p>
        <p><label for="passwd">请输入您的密码:</label><br><input type="password" name="passwd" id="passwd"></p>
        <p>
            <label for="color">请选择你最喜欢的颜色:</label><br>
            <select name="color" id="color">
                <option value="red">红</option>
                <option value="green">绿</option>
                <option value="blue">蓝</option>
                <option value="yellow">黄</option>
                <option value="cyan">青</option>
                <option value="purple">紫</option>
            </select>
        </p>
        <p>
            请选择你的性别:<br>
            <input type="radio" name="sex" id="male" value="male"><label for="male">男</label><br>
            <input type="radio" name="sex" id="female" value="female"><label for="female">女</label>
        </p>
        <p>
            你喜欢做些什么:<br>
            <input type="checkbox" name="hobby" id="book" value="book"><label for="book">看书</label>
            <input type="checkbox" name="hobby" id="net" value="net"><label for="net">上网</label>
            <input type="checkbox" name="hobby" id="sleep" value="sleep"><label for="sleep">睡觉</label>
        </p>
        <p><label for="comments">我要留言:</label><br><textarea name="comments" id="comments" cols="30" rows="4"></textarea></p>
        <p>
            <input type="submit" name="btnSubmit" id="btnSubmit" value="提交">
            <input type="reset" name="btnReset" id="btnReset" value="重置">
        </p>
    </form>
</body>
</html>